<template>
  <card style="height: 85%">
    <Divider orientation="left">
      <el-select v-model="activeName" placeholder="请选择" style="width: 7em;">
        <el-option v-for="item in meeting" :key="item.value" :value="item.value" :label="item.label" />
      </el-select>
    </Divider>
    <mine-table v-if="!activeName" />
    <join-table v-else />
  </card>
</template>

<script>
import Card from '@/components/Card'
import MineTable from './components/MineTable'
import JoinTable from './components/JoinTable'
import { Divider } from 'iview'

export default {
  components: { Card, Divider, MineTable, JoinTable },
  data() {
    return {
      activeName: 0,
      meeting: [{
        value: 0,
        label: '我发起的会议'
      }, {
        value: 1,
        label: '我参与的会议'
      }],
      userid: '',
      username: ''
    }
  }
}
</script>

<style scoped>
.ivu-divider {
  font-size: 24px;
  font-weight: 400;
  margin-top: 1em;
  padding-left: 2em;
  padding-right: 2em;
}

.ivu-divider:before,
.ivu-divider:after {
  border-top-color: #F3AC8E;
}

.el-select >>> .el-input__inner {
  /* border: none;
  background: inherit; */
  border-color: #F3AC8E;
  font-size: 20px;
  font-weight: 400;
}

.el-select >>> .el-select__caret {
  color: #F3AC8E;
}

</style>
